<template>
    <!-- 轮播图界面 -->
  <div class="Carousel">
    <el-carousel>
      <el-carousel-item v-for="item in img" :key="item.id">
        <img :src="item.src" alt="">
      </el-carousel-item>
    </el-carousel>
  </div>
</template>

<script>
export default {
  components: {},
  props: {},
  data() {
    return {
        img:[
            {src:require('../assets/slider1.jpg')},
            {src:require('../assets/slider2.jpg')},
            {src:require('../assets/slider3.jpg')},

        ]
        
        
    };
  },
  watch: {},
  computed: {},
  methods: {},
  created() {},
  mounted() {}
};
</script>
<style lang="less" scoped>
.Carousel {
    // height: 361px;
    img {
        width: 100%;
        height: 100%;
    }
}
</style>